import { css } from '@/styled-system/css'

export const Logo = () => (
  <svg viewBox="0 0 357 96" fill="none" className={css({ h: '8', color: { base: 'black', _dark: '#F6E458' } })}>
    <path
      d="M119.559 86.694H131.613V65.3741H132.269C134.319 70.376 139.403 73.82 146.209 73.82C156.705 73.82 163.839 66.112 163.839 51.024C163.839 35.854 156.705 28.228 146.209 28.228C139.403 28.228 134.319 31.59 132.269 36.674H131.613L131.203 29.048H119.559V86.694ZM141.699 64.062C134.893 64.062 131.777 58.732 131.777 53.156V48.892C131.777 43.316 134.893 37.986 141.699 37.986C147.603 37.986 151.457 42.086 151.457 51.024C151.457 59.962 147.603 64.062 141.699 64.062Z"
      fill="currentColor"
    />
    <path
      d="M183.894 73.738C190.7 73.738 195.784 70.376 197.834 65.292H198.49V73H210.544V29.048H198.982L198.49 36.674H197.834C195.784 31.59 190.7 28.228 183.894 28.228C173.398 28.228 166.346 35.854 166.346 51.024C166.346 66.112 173.398 73.738 183.894 73.738ZM188.486 63.98C182.582 63.98 178.646 59.88 178.646 51.024C178.646 42.086 182.582 37.986 188.486 37.986C195.21 37.986 198.326 43.234 198.326 48.892V53.074C198.326 58.732 195.21 63.98 188.486 63.98Z"
      fill="currentColor"
    />
    <path
      d="M217.581 73H229.635V48.564C229.635 42.988 233.079 38.068 239.311 38.068C245.133 38.068 247.593 41.676 247.593 49.056V73H259.647V46.432C259.647 33.23 252.923 28.228 244.149 28.228C237.917 28.228 232.505 31.18 230.127 37.002H229.635L229.143 29.048H217.581V73Z"
      fill="currentColor"
    />
    <path
      d="M281.196 73.738C288.002 73.738 293.086 70.376 295.136 65.292H295.792L296.202 73H307.846V13.222H295.792V36.674H295.136C293.086 31.59 288.002 28.228 281.196 28.228C270.7 28.228 263.648 35.854 263.648 51.024C263.648 66.112 270.7 73.738 281.196 73.738ZM285.788 63.98C279.884 63.98 275.948 59.88 275.948 51.024C275.948 42.086 279.884 37.986 285.788 37.986C292.512 37.986 295.628 43.234 295.628 48.892V53.074C295.628 58.732 292.512 63.98 285.788 63.98Z"
      fill="currentColor"
    />
    <path
      d="M329.806 73.738C336.612 73.738 341.696 70.376 343.746 65.292H344.402V73H356.456V29.048H344.894L344.402 36.674H343.746C341.696 31.59 336.612 28.228 329.806 28.228C319.31 28.228 312.258 35.854 312.258 51.024C312.258 66.112 319.31 73.738 329.806 73.738ZM334.398 63.98C328.494 63.98 324.558 59.88 324.558 51.024C324.558 42.086 328.494 37.986 334.398 37.986C341.122 37.986 344.238 43.234 344.238 48.892V53.074C344.238 58.732 341.122 63.98 334.398 63.98Z"
      fill="currentColor"
    />
    <path
      d="M0 11C0 4.92487 4.92487 0 11 0H84C90.0751 0 95 4.92487 95 11V85C95 91.0751 90.0751 96 84 96H11C4.92487 96 0 91.0751 0 85V11Z"
      fill="#F6E458"
    />
    <path
      d="M60.8796 21.4585C55.6382 19.9529 50.2921 19.7483 44.844 20.2355C41.7952 20.5523 38.8641 21.1575 36.037 22.2195C29.9261 24.5149 25.3378 28.4905 22.6019 34.4762C20.6404 38.7674 19.9316 43.3259 19.8577 48.003C19.7796 52.9459 20.399 57.8204 21.3833 62.6531C22.2754 67.0336 23.4635 71.3285 25.1603 75.474C25.3215 75.8679 25.5223 76.0009 25.9526 76C31.3191 75.9884 36.6857 75.9885 42.0523 75.9885C43.641 75.9885 45.2298 75.9885 46.8185 75.9882C46.9401 75.9882 47.0618 75.9815 47.2017 75.9738C47.2731 75.9699 47.3493 75.9657 47.4326 75.962C47.4003 75.8852 47.3715 75.8148 47.3444 75.7486C47.2913 75.6187 47.245 75.5057 47.1934 75.3952C46.8053 74.565 46.4092 73.7383 46.0131 72.9116C45.154 71.1184 44.2948 69.3252 43.5177 67.4972C41.161 61.9527 39.3562 56.244 38.8055 50.2012C38.5625 47.5349 38.5962 44.8838 39.336 42.2858C40.1816 39.3161 41.9962 37.2196 45.0045 36.3431C47.767 35.5383 50.5678 35.5436 53.3153 36.432C55.7674 37.225 57.366 38.8999 58.0461 41.4078C58.5683 43.3338 58.5682 45.2806 58.173 47.2223C57.8688 48.7173 57.2563 50.0816 56.1539 51.1729C54.1763 53.1305 51.7066 53.5806 49.0565 53.4306C48.585 53.4039 48.115 53.3522 47.6306 53.2989C47.4037 53.274 47.1737 53.2487 46.939 53.2255C46.9457 53.3005 46.9495 53.3696 46.9529 53.4343C46.9598 53.5617 46.9658 53.6721 46.992 53.7775C47.1049 54.2314 47.2125 54.687 47.3202 55.1426C47.5794 56.24 47.8387 57.3376 48.172 58.4122C48.8266 60.5223 49.5878 62.5816 50.4507 64.5922C56.6017 64.1122 62.2673 62.5831 68.2805 58.9734C68.3708 58.9165 68.4528 58.865 68.535 58.8138C71.1179 57.2059 73.2084 55.1199 74.6501 52.4264C76.9847 48.0644 77.4398 43.3997 76.7462 38.5848C76.0304 33.6159 73.8004 29.4451 69.9619 26.1735C67.2995 23.9043 64.2208 22.4183 60.8796 21.4585Z"
      fill="black"
    />
  </svg>
)
